@import '../global.config.less';

:local(.layout){
  height: 100%;
  display: flex;
  flex-direction: column;

  .head{
    flex-grow: 0;
    flex-shrink: 0;
    background-color: @dark_bg;
  }

  .body{
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: auto; /* winphone8和android4+ */
    -webkit-overflow-scrolling: touch; /* ios5+ */
  }

  .foot{
    flex-grow: 0;
    flex-shrink: 0;
    background-color: @dark_bg;
  }
}